<!DOCTYPE html>
<html lang="cn">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>基本信息</title>
    <link rel="stylesheet" href="../../Public/css/mui.min.css">
    <link rel="stylesheet" href="../../Public/css/global.css">
    <link rel="stylesheet" href="../../Public/fonts/iconfont.css">
    <link rel="stylesheet" href="../css/onece_create.css">
    <link rel="stylesheet" href="../../Public/css/mui.picker.min.css">
</head>
<body>
    <div class="mui-content">
        <div class="onece-create-one on" >
            <p class="prompt-title">课程主题</p>
            <textarea name="onecetheme" id="onecetheme" rows="2" placeholder="请输入课程的主题"></textarea>
            <p class="prompt-title">开始时间</p>
            <ul class="mui-table-view">
                <li class="mui-table-view-cell starttime">请选择开始时间</li>
            </ul>
            <p class="prompt-title">选择课程形式</p>
            <ul class="mui-table-view mui-table-view-radio">
                <li class="mui-table-view-cell mui-media mui-input-row mui-radio mui-left">
                    <label class="mui-media-body">
                        幻灯片形式
                        <p class="mui-ellipsis">适合图片较多的直播</p>
                    </label>
                    <input name="radio1" type="radio">
                </li>
                <li class="mui-table-view-cell mui-media mui-input-row mui-radio mui-left">
                    <label class="mui-media-body">
                        视频互动模式
                        <p class="mui-ellipsis">适合已有录制好的视频，视频播放+语音互动</p>
                    </label>
                    <input name="radio1" type="radio">
                </li>
            </ul>
            <div class="next-wrap">
                <div class="next">
                    下一步
                </div>
            </div>
        </div>
        <div class="onece-create-two">
            <span class="topic_create_t1">选择直播类型</span>
            <span class="topic_create_t2">选择后不能更改</span>
            <ul class="mui-table-view mui-grid-view mui-grid-9">
                <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3 active">
                    <a href=""></a>
                    <span class="iconfont-wrap">
                        <span class="mui-badge"><i class="iconfont icon-xuanzhong"></i></span>
                        <span class="iconfont icon-kaishezhibo-zhibojian"></span>
                    </span>
                    <div class="mui-media-body">公开直播</div>
                </li>
                <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3">
                    <a href=""></a>
                    <span class="iconfont-wrap">
                        <span class="mui-badge"><i class="iconfont icon-xuanzhong"></i></span>
                        <span class="iconfont icon-jiamishezhi"></span>
                    </span>
                    <div class="mui-media-body">加密直播</div>
                </li>
                <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3">
                    <a href=""></a>
                    <span class="iconfont-wrap">
                        <span class="mui-badge"><i class="iconfont icon-xuanzhong"></i></span>
                        <span class="iconfont icon-shoufeifanghang"></span>
                    </span>
                    <div class="mui-media-body">收费直播</div>
                </li>
            </ul>
            <div class="onece_create-detail">
                <div class="detail-one active">
                    <div class="title">任何人都可以收看直播</div>
                    <div class="introduce">
                        <div class="title">
                            <span>介绍页说明</span>
                            <div class="mui-switch mui-switch-mini">
                              <div class="mui-switch-handle"></div>
                            </div>
                        </div>
                        <div class="detail-one-msg">
                            1.开启介绍页可以帮你统计报名人数、微信头像昵称、介绍直播内容<br>
                            2.关闭介绍页，听众可以直达话题，QQ微博等第三方平台也可直接进入，提高听课转化率
                        </div>
                    </div>
                </div>
                <div class="detail-two">
                    <div class="title">设置一个固定密码</div>
                    <div class="two-input-wrap">
                        <input type="text" placeholder="支持英文和数字，不区分大小写，不支持特殊符号">
                    </div>
                </div>
                <div class="detail-three">
                    <div class="title">设置入场票费用</div>
                    <div class="three-input-wrap">
                        <input type="text" placeholder="最小金额1元"><span>元</span>
                    </div>
                </div>
            </div>
            <div class="mui-row finish-wrap">
                <div class="mui-col-xs-6 return">
                    <div>上一步</div>
                </div>
                <div class="mui-col-xs-6 finish">
                    <div>完成</div>
                </div>
            </div>
        </div>
    </div>
</body>
<script src="../../Public/libs/mui.min.js" charset="utf-8"></script>
<script src="../../Public/libs/sea/sea.js" charset="utf-8"></script>
<script src="../../Public/libs/sea/sea-config.js" charset="utf-8"></script>
<script src="../../Public/libs/mui.picker.min.js" charset="utf-8"></script>
<script type="text/javascript">
    seajs.use(["../js/onece_create"]);
</script>
